<template>
	<view>
		<view class="many-box">
			<div class="title-bank">
				<h3><b>我的H币</b></h3>
				<button @click="goToBang"
					style="width: 200rpx;margin-left: 350rpx;background: none;color: #ccc;">查看绑定</button>
			</div>
			<div class="num-tit">
				<h1><b>29000</b></h1>
			</div>
			<p style="color: aliceblue;margin-left: 20rpx;">(满20000可提现)</p>
			<div class="txBut">
				<button style="width: 200rpx;" @click="goToT">提现</button>
			</div>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgsrc: '../../static/bank_card.png'
			}
		},
		methods: {
			goToT() {
				uni.navigateTo({
					url: "/pages/Withdrawal/Withdrawal"
				})
			},
			goToBang() {
				uni.navigateTo({
					url: "/pages/Bind/Bind"
				})
			}
		}
	}
</script>

<style>
	.many-box {
		width: 714rpx;
		height: 500rpx;
		margin-left: 20rpx;
		background-color: #2E94E7;
		border-radius: 15px;
		/* 背景图路径 */
		background-size: cover;
		/* 确保图像覆盖整个盒子 */
		background-position: center;
		/* 背景图位置 */
		border: 1px solid #000;
		position: relative;
	}

	.title-bank {
		width: 100vw;
		height: 80rpx;
		/* background-color: antiquewhite; */
		line-height: 80rpx;
		padding: 0 50rpx;
		font-weight: 600;
		color: aliceblue;
		margin-top: 40rpx;
		display: flex;
	}

	.num-tit {
		font-size: 80rpx;
		color: white;
		font-weight: 600;
		margin-left: 20rpx;
	}

	.txBut {
		position: absolute;
		right: 50rpx;
		bottom: 50rpx;
	}
</style>